<template>
  <div>
    <home-header></home-header>
    <div class="tab">      
      <router-link to='/goods' tag='div' class="tab-item">
        <div>商品</div>
      </router-link>    
      <router-link to='/ratings' tag='div' class="tab-item">
        <div>商品</div>
      </router-link> 
      <router-link to='/seller' tag='div' class="tab-item">
        <div>商家</div>
      </router-link> 
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
import HomeHeader from './header/Header'
export default {
  name: 'FakeMain',
  components: {
    HomeHeader
  }
}
</script>

<style lang="stylus" scoped>
  .tab 
    display : flex
    width : 100%
    height : .8rem //设计稿都是2倍素
    line-height : .8rem
    .tab-item
      flex: 1
      text-align : center
</style>
